@CHARSET "ISO-8859-1";
body, button, input, label, select, td, textarea {
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
}

ul#list{
  list-style-type: none;
  padding: 5px ;
}

ul li.friendlist{
    list-style-type:none;
    float:left ;
    padding: 5px ;
    width:150px;
    height:50px;
    font-family:Helvetica,Arial,sans-serif;
    font-size:10px;
    border:1px dotted #cfcfcf;
    margin:5px;
    background-position:right;
    background-repeat:no-repeat;
}

ul li a{
  text-decoration: none;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-size: 10px;
  
}

ul li.inRow
{
    position:relative;
    display:block;
    float:left;
    cursor:pointer;
    margin: 5px 10px 5px 10px;
}
   
.overlay{
    background:transparent url(images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}

.fancybox{
    position:fixed;
    top:-500px;
    left:30%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding-top:20px;
    border:1px solid #336688;
    z-index:1001;
    border: medium none;
    overflow: hidden;
    height: 346px;
    width: 575px;
}

a.fancyboxclose{
   background: url("images/closebox.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 18px;
    top: 10px;
    width: 15px;
}

.fancybox h1
{
    background-color: #6D84B4;
    border: 1px solid #3B5998;
    margin:-20px -20px 0px -20px;
    padding:10px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding-left:40px;
}


div.imageHolder
{
   border: 1px dotted #c3c3c3;
   width:180px;
   height:220px;
   margin-top:15px;
   margin-bottom:8px;
}

div.oveflowdiv
{
     overflow-x:hidden;
     overflow-y:scroll;
}

div.box
{
    border:1px dotted #c3c3c3;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px 5px 5px 5px;
    }
   
div.margined
  {
  margin:10px 10px 10px 10px;
  }
  
div.facebookimages
{
    margin:1px 1px 1px 1px;
    border:1px solid  #c3c3c3;
    float:left;
    }
   
div.uiToken {
    background: none repeat scroll 0 0 #E2E6F0;
    border: 1px solid #9DACCC;
    color: #1C2A47;
    cursor: default;
    display: block;
    float: left;
    height: 14px;
    margin: 0 4px 4px 0;
    padding: 0 3px;
    position: relative;
    white-space: nowrap;
    font-family:Tahoma;
}
 
span.uiToken {
   color:black;
   margin:2px 2px 2px 2px;
   cursor: pointer;
}

.sidebyside
{
    float:left;
}

.pageContentItem
{
  padding:10px 10px 10px 10px;
  margine:10px 10px 10px 10px;
  height: 260px;
}

.footerdialog{
    border-top: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    height:50px;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #555555;
}

.uiButtonConfirm {
    background-color: #5B74A8;
    background-image: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/y3/r/UkpL4xt9vqQ.png");
    background-position: -354px -256px;
    background-repeat: no-repeat;
    background-size: 854px 606px;
    border-color: #29447E #29447E #1A356E;
    width:50px;
    height: 25px;
    padding:5px;
    color:#ffffff;
    margin:10px;
    font-size:14px;
}

input.sfield{
    background-color:#fff;    
    border-color:#cecece;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    font-size:0.9em;
    line-height:1em;
    height:26px;
    width: 250px;
    padding-left:10px;
}

input.sbutton{
    background-color:#d91515;
    height:inherit;
    border:none;    
    color:#fff;
    position:relative;
    left:-6px;
    bottom:-1px;
    height:28px;
}